<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="images/favicon.ico">

    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet">
    <title>同昌官网</title>


    <link href="plugs/animate/animate.min.css" rel="stylesheet">
    <!-- Bootstrap core CSS -->
    <link href="js/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="js/bootstrap-3.3.7/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
    <link href="js/bootstrapValidator/bootstrapValidator.css" rel="stylesheet">
    
    <!-- custom style-->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/dcwo/dcwo.css">
    <link rel="stylesheet" href="plugs/swiper/swiper.min.css">
    <!--  <link rel="stylesheet" href="css/lanrenzhijia.css">-->

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]>
    <script src="js/bootstrap-3.3.7/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="js/bootstrap-3.3.7/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/bootstrap-3.3.7/js/html5shiv.min.js"></script>
    <script src="js/bootstrap-3.3.7/js/respond.min.js"></script>
    <![endif]-->
</head>
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog"  style="width:410px;">
        <div class="modal-content" style="width:410px;">
            <div class="modal-body">
                <form class="form-signin" id="loginForm">
                    <div class="header row">
                        <div class="col-xs-4"><span></span></div>
                        <div class="col-xs-4 ">网站登录</div>
                        <div class="col-xs-4"><span></span></div>
                    </div>
                    <div class="form-group">
                        <span class="userLabel">用户名 <i></i></span>
                        <input type="text" class="form-control" name="username" id="userName" required autofocus
                               placeholder="请输入用户名"/>
                    </div>
                    <div class="form-group">
                        <span class="passwordLabel">密码 <i></i></span>
                        <input type="password" class="form-control" name="password" id="password" required
                               placeholder="请输入密码"/>
                    </div>
                    <div class="form-group">
                        <button type="submit" id="submitBtn" class="btn btn-lg btn-primary btn-block">登录</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>
<div class="navbar-wrapper">
    <div class="container">
        <nav class="navbar  navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                            aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <img alt="Brand" src="images/common/logo.png">
                    </a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="dqtc.html">大气天成</a></li>
                        <li><a href="djff.html">大将风范</a></li>
                        <li><a href="dxwx.html">大象无形</a></li>
                        <li class="active"><a href="#">大成无偶</a></li>
                        <li><a href="dawj.html">大爱无疆</a></li>
                        <li><a href="dyht.html">大业宏图</a></li>
                        <ul class="nav navbar-nav pull-right">
                            <li class="loginBtn" data-toggle="modal" data-target="#myModal">登录</li>
                            <!--<li><a href="#">注册</a></li>-->
                            <li><a href="#" class="line"></a></li>
                            <!--<li><a href="#" class="searchIcon"></a></li>-->
                            <li class="wxBox"><a href="javascript:void(0);" class="weixin"></a><a href="javascript:void(0);" class="jtewm"></a></li>
                            <!--<li><a href="#" class="en"></a></li>-->
                        </ul>
                    </ul>
                </div>
            </div>
        </nav>

    </div>
</div>
<section class="item dcwo">
    <div class="dcwoContent">
        <div class="dcwoBg"></div>
        <div class="dcwoText">
            <div class="textInner">
                <div class="container">
                    <div class="textContent">
                        <div class="dcwoTextTitle">
                            <span>大</span><span>成</span><span>无</span><span>偶</span>
                        </div>
                        <div class="dcwoSubtitle wow animated rubberBand">一种璀璨辉煌、至臻完美的经营架构</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item backbone wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row backboneHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="itemTitle">同昌脊梁</div>
                        <small class="itemTitleEn">Topchance ridge</small>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="line"></div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="backboneContent">
        <div class="backboneItem backboneItem1 wow fadeInUp animated"
             style="visibility: visible; animation-name: fadeInUp;">
            <div class="backboneItemContent">
                <div class="itemText itemInner">
                    <div class="itemTitle wow animated  bounceInDown">掌舵人，铸就新梦想！</div>
                    <div class="itemName   wow animated  fadeInLeftBig">HARDY</div>
                    <div class="itemExplain wow animated  fadeInLeftBig">董事局主席</div>
                </div>
                <div class="itemImg itemInner wow  animated  fadeInRightBig"></div>
            </div>
        </div>
        <div class="backboneItem backboneItem2 wow fadeInUp animated"
             style="visibility: visible; animation-name: fadeInUp;">
            <div class="backboneItemContent">
                <div class="itemImg itemInner wow  animated  fadeInLeftBig"></div>
                <div class="itemText itemInner">
                    <div class="itemTitle wow animated  bounceInDown">领航者，开拓新方向！</div>
                    <div class="itemName wow animated  fadeInRightBig">MIRANDA</div>
                    <div class="itemExplain wow animated  fadeInRightBig">同昌集团总裁</div>
                </div>
            </div>
        </div>
        <div class="backboneItem backboneItem3 wow fadeInUp animated"
             style="visibility: visible; animation-name: fadeInUp;">
            <div class="itemTitle">智囊团，支撑新能量！</div>
            <div class="itemContent wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
                <div class="itemImg itemImg1 wow animated  bounceInDown">
                    <div class="imgBox"></div>
                    <div class="imgText">
                        <div class="imgName">Abner</div>
                        <div class="imgMore"><a href="#">同昌集团监事长</a></div>
                    </div>
                </div>
                <div class="itemImg itemImg2 top wow animated  bounceInTop ">
                    <div class="imgText">
                        <div class="imgName">Sam</div>
                        <div class="imgMore"><a href="#">同昌集团常务副总</a></div>
                    </div>
                    <div class="imgBox"></div>
                </div>
                <div class="itemImg itemImg3 wow animated  bounceInDown">
                    <div class="imgBox"></div>
                    <div class="imgText">
                        <div class="imgName">Yuzhongwu</div>
                        <div class="imgMore"><a href="#">同昌集团执行董事</a></div>
                    </div>
                </div>
                <div class="itemImg itemImg4 top wow animated  bounceInTop">
                    <div class="imgText">
                        <div class="imgName">Kevin</div>
                        <div class="imgMore"><a href="#">同昌集团运营总监</a></div>
                    </div>
                    <div class="imgBox"></div>

                </div>
                <div class="itemImg itemImg5 wow animated  bounceInDown">
                    <div class="imgBox"></div>
                    <div class="imgText">
                        <div class="imgName">Gerry</div>
                        <div class="imgMore"><a href="#">国强公司总经理</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="backboneItem backboneItem4 wow fadeInUp animated"
             style="visibility: visible; animation-name: fadeInUp;">
            <div class="itemTitle">经营控，再攀新高峰!</div>
            <div class="itemContent container">
                <div class="row wow fadeInUpBig animated" style="visibility: visible; animation-name: fadeInUp;">
                    <div class="col-sm-3">
                        <div class="imgBox">
                            <img src="images/dcwo/person/wuxiaochun.png" alt="">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="imgBox">
                            <img src="images/dcwo/person/liujun.png" alt="">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="imgBox">
                            <img src="images/dcwo/person/gaojianming.png" alt="">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="imgBox">
                            <img src="images/dcwo/person/wangbin.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="row wow fadeInUpBig animated"
                     style="visibility: visible; animation-name: fadeInUp;margin-top:15px;margin-bottom:109px;">
                    <div class="col-sm-3">
                        <div class="imgBox">
                            <img src="images/dcwo/person/zhaojunling.png" alt="">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="imgBox">
                            <img src="images/dcwo/person/laiweidong.png" alt="">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="imgBox">
                            <img src="images/dcwo/person/guoguofeng.png" alt="">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="imgBox">
                            <img src="images/dcwo/person/haoyuehua.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="backboneItem backboneItem5 wow fadeInUp animated"
             style="visibility: visible; animation-name: fadeInUp;">
            <div class="itemTitle">技术流，占领新高地!</div>
            <div class="itemContent container">
                <div class="swiper-container gallery-top">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/zhouyunpengSL.png" alt=""/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Jackey</div>
                                        <div class="imgJob">大数据股份有限公司</div>
                                        <div class="itemText">
                                            在IT领域从业十一年，参与研发或指导多个医疗管理系统及其接口程序等项目的开发及需求调研分析。人生的格言是可能和不可能，取决于人的决心
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/liruijinSL.png" alt=""/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Cloud Lee</div>
                                        <div class="imgJob">大数据股份有限公司</div>
                                        <div class="itemText">
                                            10余年JAVA架构设计与研发经验,从事公司架构设计研发工作。擅长系统架构、应用架构和基础组件架构设计，致力于分布式系统架构、微服务、分布式数据库、大数据技术的研究，对高并发、高可用、分布式系统设计有着丰富的经验和实战，精通互联网Java主流技术。
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">

                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/yangzhiweiSL.png" alt=""/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">sean</div>
                                        <div class="imgJob">大数据股份有限公司</div>
                                        <div class="itemText">
                                            在IT领域从业十年，具备高级项目经理、软件设计师的资格认证，擅长数据库设计与开发，曾参与研发指导智慧社区、网格化、全员人口、住房保障项目。踏踏实实做人，认认真真做事，用专业的技术和态度服务好客户
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/chenfushuanSL.png" alt=""/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Jack</div>
                                        <div class="imgJob">大数据股份有限公司</div>
                                        <div class="itemText">
                                            专注于管理信息系统方向，参与过多家企业、政府的项目，在住建保障行业积累了丰富的经验和见解。信仰努力、认真。                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/jiayanSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Ernest</div>
                                        <div class="imgJob">大数据股份有限公司</div>
                                        <div class="itemText">
                                            在IT领域从业十余年，熟悉项目管理过程、项目开发及管理工具的使用；掌握平台开发的常用语言，掌握分布式架构、微服务架构等常用框架。不怕慢，只怕站，每天进步一点点
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/gaomiaomiaoSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Katherine</div>
                                        <div class="imgJob">信安股份有限公司</div>
                                        <div class="itemText">
                                            运行监管中心部门经理，从事信息安全行业，等级保护初级测评师，擅长于等级测评、风险评估、渗透测试，曾获国家计算机应急技术中心山西分中心优秀应急支撑服务个人奖项
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/xingtianSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Leo</div>
                                        <div class="imgJob">信安股份有限公司</div>
                                        <div class="itemText">
                                            交付中心部门经理，从事网络架构分析及安全评估项目工作近十年，先后负责公安安全态势感知、烟草工业控制系统安全评估项目以及军队涉密单向海量数据传输系统设计
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/yangjiajiaSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Joy</div>
                                        <div class="imgJob">信安股份有限公司</div>
                                        <div class="itemText">
                                            项目经理，先后主导实施项目有省四建、省安监局、省水利厅风险评估、应急响应等，擅长脚本编写，应急响应演练等。
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/zhanghongweiSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Willie</div>
                                        <div class="imgJob">信安股份有限公司</div>
                                        <div class="itemText">
                                            研发中心部门经理，从事服务器编程及网络编程工作十余年，先后负责同昌慧眼、同昌慧智、同昌威胁感知平台、微信平台、安全运维平台等系统的研发工作。                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/liweiSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Owen</div>
                                        <div class="imgJob">好友科技发展有限公司</div>
                                        <div class="itemText">
                                            2007年至2018年一直从事系统集成项目工作，负责的项目有网络改造、等级保护、机房新建、机房搬迁建、涉密系统等14个大型项目，获得全国计算机信息高新技术网络工程师认证、H3C HCNE、HCSE 、华为HCNA、HCNP、HCIE认证。
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/suweiweiSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Aidan</div>
                                        <div class="imgJob">好友科技发展有限公司</div>
                                        <div class="itemText">
                                            同昌资深工程师、高级等保测评师。从业八年，目前主要辗转在公司农信、地税、环保、烟草维护等项目中，专业解决各项目中的疑难问题，获得CCIE、H3CTE、CCSP等高级证书。
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/liuqiSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Robert</div>
                                        <div class="imgJob">好友科技发展有限公司</div>
                                        <div class="itemText">
                                            自2015年入职至今，从事运维售前工作己4年，在此期间支持过的运维项目有省统计局、省环保厅、省烟草、省地税等。
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/kanghaibinSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Luis</div>
                                        <div class="imgJob">好友科技发展有限公司</div>
                                        <div class="itemText">
                                            任职8年一直从事运维服务工作，参与过政府部门及交通行业相关领域的信息化建设工作，包括系统集成、网络安全运维、视频会议等，满意的服务态度曾多次得到客户的表扬。
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/liubinSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">blaz</div>
                                        <div class="imgJob">好友科技发展有限公司</div>
                                        <div class="itemText">
                                            2012年至今，从业6年，服务过省委项目、农信项目等项目，主要负责机房环境、网络系统的维护工作，获得ccie证书。
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="imgBox row">
                                <div class="col-sm-6">
                                    <img src="images/dcwo/person/liushileiSL.png"/>
                                </div>
                                <div class="col-sm-6">
                                    <div class="imgText">
                                        <div class="imgTitle">Lucas</div>
                                        <div class="imgJob">好友科技发展有限公司</div>
                                        <div class="itemText">
                                            从业12年，网络工程与管理专业毕业，高级认证，参与过山西农信网络建设和改造工作；统计局IDC机房运维工作，擅长网络系统和虚拟化领域。                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Add Arrows -->
                        <div class="swiper-button-next swiper-button-white"></div>
                        <div class="swiper-button-prev swiper-button-white"></div>
                    </div>
                </div>
                <div class="swiper-container gallery-thumbs">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/zhouyunpengSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/liruijinSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/yangzhiweiSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/chenfushuanSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/jiayanSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/gaomiaomiaoSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/xingtianSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/yangjiajiaSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/zhanghongweiSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/liweiSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/suweiweiSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/liuqiSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/kanghaibinSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/liubinSS.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img src="images/dcwo/person/liushileiSS.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item star wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row starHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="itemTitle"> 同昌明星</div>
                        <small class="itemTitleEn">Topchance star
                        </small>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="line "></div>
                    </div>
                </div>

            </div>
        </div>
        <div class="row starContent wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
            <div class="col-sm-7" style="height:100%;">
                <div class="starImgBox">
                    <div class="starImgItem starImg1"></div>
                    <div class="starImgItem starImg2"></div>
                    <div class="starImgItem starImg3"></div>
                </div>
                <!--<div class="starImgLeft  animated bounceInLeft"></div>-->
            </div>
            <div class="col-sm-4">
                <div class="starBox paddt_35">
                    <div class="starTitle">同昌星斗榜</div>
                    <div class="starSmall">数据如浩瀚繁星，驱动人类勇往前行</div>
                    <ul class="starList">
                        <li class="wow animated bounceInUp">
                            <div class="starImg1 starItem starImg">
                                <img src="images/dcwo/person/starlizhaoxia.png" alt="" class="starPerson">
                            </div>
                            <div class="starText starItem">
                                <div class="starName"> Grace</div>
                                <div class="starStyle">恪尽职守奖</div>
                            </div>
                            <div class="starClass starClass1 starItem "></div>
                            <div style="clear:both"></div>
                        </li>
                        <li class="wow animated bounceInUp">
                            <div class="starImg2 starItem starImg">
                                <img src="images/dcwo/person/starwuhuang.png" alt="" class="starPerson">
                            </div>
                            <div class="starText starItem">
                                <div class="starName"> H.Wu</div>
                                <div class="starStyle">真抓实干奖</div>
                            </div>
                            <div class="starClass  starClass2 starItem "></div>
                            <div style="clear:both"></div>
                        </li>
                        <li class="wow animated bounceInUp">
                            <div class="starImg3 starItem starImg">
                                <img src="images/dcwo/person/starluchao.png" alt="" class="starPerson">
                            </div>
                            <div class="starText starItem">
                                <div class="starName">Tobias·Lyu</div>
                                <div class="starStyle">友善互助奖</div>
                            </div>
                            <div class="starClass starItem starClass3"></div>
                            <div style="clear:both"></div>
                        </li>
                        <li class="wow animated bounceInUp">
                            <div class="starImg4 starItem starImg">
                                <img src="images/dcwo/person/staryangxiaoyan.png" alt="" class="starPerson">
                            </div>
                            <div class="starText starItem">
                                <div class="starName">Aurora</div>
                                <div class="starStyle">啬己奉公奖</div>
                            </div>
                            <div class="starClass starItem starClass4"></div>
                            <div style="clear:both"></div>
                        </li>
                        <li class="wow animated bounceInUp">
                            <div class="starImg5 starItem starImg">
                                <img src="images/dcwo/person/staranfangfang.png" alt="" class="starPerson">
                            </div>
                            <div class="starText starItem">
                                <div class="starName"> Ann</div>
                                <div class="starStyle">工匠精神奖</div>
                            </div>
                            <div class="starClass starItem starClass5"></div>
                            <div style="clear:both"></div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</section>
<section class="item dialect wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row dialectHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="itemTitle">同昌话馆</div>
                        <small class="itemTitleEn">Topchance chat
                        </small>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="line "></div>
                    </div>
                </div>

            </div>
        </div>
        <div class="row dialectContent wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
            <div class="swiper-father">
                <div class="swiper-container" id="dialectSwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide slide1">
                            <!--<a href="#">-->
                            <div class="dialectTitle">对新年联欢会你有什么新奇想法么？</div>
                            <div class="dialectBottom">
                                <div class="dialectBottomLeft">同昌风采</div>
                                <div class="dialectBottomRight"><a data-href="forum.html?id=5" href="javascript:void(0)"></a></div>
                            </div>
                            <!--</a>-->
                        </div>
                        <div class="swiper-slide slide2">
                            <!--<a href="#">-->
                            <div class="dialectTitle">平凡岗位上的不平凡之人</div>
                            <div class="dialectBottom">
                                <div class="dialectBottomLeft">感动同昌</div>
                                <div class="dialectBottomRight"><a  data-href="forum.html?id=1" href="javascript:void(0)"></a></div>
                            </div>
                            <!--</a>-->
                        </div>
                        <div class="swiper-slide slide3">
                            <!--<a href="#">-->
                            <div class="dialectTitle">你认为最好用的技术语言是什么？</div>
                            <div class="dialectBottom">
                                <div class="dialectBottomLeft">技术原力</div>
                                <div class="dialectBottomRight"><a  data-href="forum.html?id=4" href="javascript:void(0)"></a></div>
                            </div>

                            


                            <!--</a>-->
                        </div>
                        <div class="swiper-slide slide4">
                            <!--<a href="#">-->
                            <div class="dialectTitle">关于养老你想说什么？</div>
                            <div class="dialectBottom">
                                <div class="dialectBottomLeft">心灵之窗</div>
                                <div class="dialectBottomRight"><a href="javascript:void(0)" data-href="forum.html?id=3"></a></div>
                            </div>

                            <!--</a>-->
                        </div>
                        <!--<div class="swiper-slide slide5">
                            &lt;!&ndash;<a href="#">&ndash;&gt;
                            <div class="dialectTitle">对新年联欢会你有什么新奇想法么？</div>
                            <div class="dialectBottom">
                                <div class="dialectBottomLeft">同昌风采</div>
                                <div class="dialectBottomRight"><a href="forum.html?id=5"></a></div>
                            </div>

                            &lt;!&ndash;</a>&ndash;&gt;
                        </div>-->
                        <div class="swiper-slide slide6">
                            <!--<a href="#">-->
                            <div class="dialectTitle">KPI 考核你认为怎么样才合理？</div>
                            <div class="dialectBottom">
                                <div class="dialectBottomLeft">杂七杂八</div>
                                <div class="dialectBottomRight"><a data-href="forum.html?id=2" href="javascript:void(0)"></a></div>
                            </div>
                            <!--</a>-->
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="moreBtn">

                </div>
            </div>
        </div>
    </div>
</section>

<footer class="footer wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="footTitle"><img src="images/common/footerLogo.png" alt=""></div>
            </div>
        </div>
        <div class="row footContent">
            <div class="col-xs-12 col-sm-7">
                <div class="row">
                    <div class="col-xs-3">
                        <div class="footItems">关于我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">关于同昌</a>
                            <a href="javascript:void(0)">发展历程</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">加入我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">社会招聘</a>
                            <a href="javascript:void(0)">校园招聘</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">联系我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">客户服务</a>
                            <a href="javascript:void(0)">合作洽谈</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">服务热线</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">400-653-0677</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-5 line">
                <div class="row">
                    <div class="col-xs-6  col-sm-5  col-sm-offset-1">
                        <div class="ewm">民生之钥</div>
                        <img src="images/common/mszy.png" alt=""></div>
                    <div class="col-xs-6 col-sm-5">
                        <div class="ewm">关注同昌</div>
                        <img src="images/common/jt.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="segmenLine"></div>
            </div>
        </div>
        <div class="row ">
            <div class="col-xs-12 footText">
                <div>法律声明 | 监督举报 | 网站地图 | 晋网文【2018】6138-1456号</div>
                <div>Copyright 1996 - 2018 Topchance. All Rights Reserved.中科同昌信息技术集团</div>
            </div>
        </div>
    </div>
</footer>
<!--回到顶部-->
<div id="jumpTop"></div>
<input type="hidden" id="childTitle" name="childTitle" value=""  ><!--存放来自子页面的值-->
<script src="js/jquery-v1.12.4/jquery.min.js"></script>
<!--vendor-->
<script>window.jQuery || document.write('<script src="js/bootstrap-3.3.7/js/jquery.min.js"><\/script>')</script>
<script src="js/bootstrapValidator/bootstrapValidator.min.js"></script>
<script src="js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="js/bootstrapValidator/zh_CN.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/bootstrap-3.3.7/js/ie10-viewport-bug-workaround.js"></script>

<script src="plugs/wow/wow.min.js"></script>
<script src="js/common.js"></script>
<script src="plugs/swiper/swiper.min.js"></script>
<script src="plugs/layer/layer.js"></script>
<link rel="stylesheet" href="plugs/sweetalert2/sweetalert2.min.css">
<script src="plugs/sweetalert2/sweetalert2.all.min.js"></script>
<script>
    new WOW().init();
    $(document).ready(function () {
        $(window).scroll(function() {
            if ($(window).scrollTop() > 300) {
                $('#jumpTop').fadeIn(800);
            } else {
                $('#jumpTop').fadeOut(800);
            }
        });
        $("#jumpTop").click(function() {
            $('body,html').animate({
                    scrollTop: 0
                },
                1000);
            return false;
        });
        var username = window.sessionStorage.username;//获取绘话中的用户名
        if (username) {
            $(".loginBtn").html(username);
            $(".loginBtn").css({"color":"#fff"});
            $(".loginBtn").attr("data-target","");
        } else {
            $(".loginBtn").html('登录');
            $(".loginBtn").attr("data-target","#myModal");
        }
        //防下载
        document.onkeydown = function() {
            var e = window.event || arguments[0];
            //屏蔽F12
            if(e.keyCode == 123) {
                return false;
                //屏蔽Ctrl+Shift+I
            } else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
                return false;
                //屏蔽Shift+F10
            } else if((e.shiftKey) && (e.keyCode == 121)){
                return false;

            } else if(event.ctrlKey  &&  window.event.keyCode==83 ){
                return false;
            }
        };
        //屏蔽右键单击
        document.oncontextmenu = function() {
            return false;
        }
    });
    $(function () {
	
	    $(".dialectBottomRight").click(function(){
            var username = window.sessionStorage.username;//获取绘话中的用户名
            if(username){
                var href = $(this).find("a").attr("data-href");
                $(this).find("a").attr("href",href) ;
            }else{
                swal("请先登录",'info');
                swal({
                    title: '请先登录',
                        type: 'info',
                    

                })
            }
        });
        var dcwoBg = $(".dcwoBg"); //背景图片容器
        var dcwoTextTitle = $(".dcwoTextTitle");//文字容器
        loadTextOpacity(dcwoTextTitle);
        $(document).mousemove(function (e) {
            //背景图片移动
            getMousePos(e, dcwoBg);
        });

        //同昌话馆
        var dialectSwiper = new Swiper('#dialectSwiper', {
            slidesPerView: 4,
            spaceBetween: 30,
            loop: true, // 循环模式选项
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
        
        //技术流轮播
        var galleryThumbs = new Swiper('.gallery-thumbs', {
            spaceBetween: 10,
            slidesPerView: 6,
            autoplay: {
                delay: 5000,
                disableOnInteraction: false,
            },
            loop: true,
            freeMode: true,
            loopedSlides: 5, //looped slides should be the same
            watchSlidesVisibility: true,
            watchSlidesProgress: true,
        });
        var galleryTop = new Swiper('.gallery-top', {
            spaceBetween: 10,
            loop: true,
            autoplay: {
                delay: 5000,
                disableOnInteraction: false,
            },
            loopedSlides: 5, //looped slides should be the same
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            thumbs: {
                swiper: galleryThumbs,
            },
        });

        // 处理智囊团，支撑新能量 鼠标经过效果
        $(".backboneContent .itemImg ").hover(function () {
            $(this).toggleClass("hover");
        });
        // 同昌明星
        $(".starPerson").hover(function(){
            var  imgSrc = " ";
            imgSrc =$(this).attr('src');
           
            console.log(imgSrc);
            // alert(imgSrc) ;
           $(".starImgItem.starImg2").css({"background":"url("+ imgSrc +") center center no-repeat","backgroundSize":"cover","opacity":"1","transition":"all 3000ms ease-in-out infinite alternate"});
        });

        // modal  居中显示
        var $m_btn = $('.loginBtn');
        var $modal = $('#myModal');

        $modal.on('show.bs.modal', function () {
            var $this = $(this);
            var $modal_dialog = $this.find('.modal-dialog');
            // 关键代码，如没将modal设置为 block，则$modala_dialog.height() 为零
            $this.css('display', 'block');
            $modal_dialog.css({'margin-top': Math.max(0, ($(window).height() - $modal_dialog.height()) / 2)});
        });
        $('#myModal').on('shown.bs.modal', function () {
            $("#loginForm").bootstrapValidator({
                live: 'enabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
                excluded: [':disabled', ':hidden', ':not(:visible)'],//排除无需验证的控件，比如被禁用的或者被隐藏的
                submitButtons: '#submitBtn',//指定提交按钮，如果验证失败则变成disabled，但我没试成功，反而加了这句话非submit按钮也会提交到action指定页面
                message: '通用的验证失败消息',//好像从来没出现过
                feedbackIcons: {//根据验证结果显示的各种图标
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    username: {
                        message: '用户名验证失败',
                        validators: {
                            notEmpty: {
                                message: '用户名不能为空'
                            }
                        }
                    },
                    password: {
                        validators: {
                            /* regexp: {//正则验证
                                 regexp: /^[a-zA-Z0-9_\.]+$/,
                                 message: '所输入的字符不符要求'
                             },*/
                            notEmpty: {
                                message: '密码不能为空'
                            }
                        }
                    },
                }
            });
            $("#submitBtn").click(function (e) {
                e.preventDefault();
                $("#loginForm").bootstrapValidator('validate');//提交验证
                if ($("#loginForm").data('bootstrapValidator').isValid()) {
                    var username = $.trim($("#userName").val());
                    var password = $.trim($("#password").val());
                    $.ajax({
                        url: "http://192.168.100.25:2255/eye/a/tcoa/login/manage",
                        type: "post",
                        data: {username: username, password: password},
                        success: function (data) {
                            if (data) {
                                data = JSON.stringify(data);
                                data = JSON.parse(data);
                                if (data.loginmark == 1) {
                                    $('#myModal').modal('hide');
                                    swal(
                                        '恭喜登录成功！',
                                    );


                                    // sessionStorage.useId = data.id;
                                    // alert(id);//保存用户名id
                                    sessionStorage.username = data.username;    //保存用户名
                                    //  alert()
                                     $(".loginBtn").html(data.username);
                                    $(".loginBtn").attr("data-target"," ");
                                    $(".loginBtn").css({"color":"#fff"});
                                }
                                if (data.loginmark == 2) {
                                   swal({
                                        title: '用户名或密码填写错误登录失败!',
                                        type: 'error',
                                        confirmButtonColor: '#3085d6',
                                        cancelButtonColor: '#d33',
                                        confirmButtonText: '确定',
                                        confirmButtonClass: 'btn btn-success',
                                        buttonsStyling: false ,

                                    }).then(function () {
                                        swal(
                                            '请重新核对填写信息',
                                             'info'
                                        )
                                    });
                                    //layer.alert('用户名或密码填写错误', {icon: 2});
                                    $("#loginForm").data("bootstrapValidator").destroy();
                                    $('#loginForm').data('bootstrapValidator', null);
                                    $("#loginForm")[0].reset();
                                }
                            }
                        },
                        error: function (xhr, data) {
                            swal('发送ajax失败');
                        },
                        complete: function () {
                            $("#loginForm").data("bootstrapValidator").destroy();
                            $('#loginForm').data('bootstrapValidator', null);
                            $("#loginForm")[0].reset();
                        }
                    })
                }
            });
        });




        
    });


  

</script>
</body>
</html>

